<template>
    <div>
      <!-- 面包屑导航条 -->
      <el-breadcrumb separator-class="el-icon-arrow-right">
        <el-breadcrumb-item :to="{ path: '/index' }">首页</el-breadcrumb-item>
        <el-breadcrumb-item>数据中心</el-breadcrumb-item>
        <el-breadcrumb-item>联系人管理</el-breadcrumb-item>
        <el-breadcrumb-item>联系人详情</el-breadcrumb-item>
      </el-breadcrumb>
      <el-card class="box-card">
        <div slot="header" class="clearfix">
          <el-button style="float: right; padding: 3px 0" icon="el-icon-close" circle @click="toList">返回</el-button>
        </div>
        <el-form :model="DetailForm" label-width="70px" >
          <el-row :gutter="22">
            <el-col :span="11">
              <el-form-item label="名称">
                <el-input v-model="DetailForm.name"  size="small" disabled="disabled"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="22">
            <el-col :span="11">
              <el-form-item label="性别">
                <template>
                  <el-radio v-model="DetailForm.sex" :label="0"  disabled="disabled">男</el-radio>
                  <el-radio v-model="DetailForm.sex" :label="1"  disabled="disabled">女</el-radio>
                </template>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="22">
            <el-col :span="11">
              <el-form-item label="电话">
                <el-input v-model="DetailForm.tel"  size="small" disabled="disabled"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="22">
            <el-col :span="11">
              <el-form-item label="邮箱">
                <el-input v-model="DetailForm.email"  size="small" disabled="disabled"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="22">
            <el-col :span="11">
              <el-form-item label="收件地址">
                <el-input v-model="DetailForm.recvAddress"  size="small" disabled="disabled"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="22">
            <el-col :span="11">
              <el-form-item label="职位">
                <template>
                  <el-select v-model="DetailForm.position" placeholder="请选择" disabled="disabled">
                    <el-option
                      key="0"
                      label="董事长"
                      value="0">
                    </el-option>
                    <el-option
                      key="1"
                      label="经理"
                      value="1">
                    </el-option>
                    <el-option
                      key="2"
                      label="组长"
                      value="2">
                    </el-option>
                    <el-option
                      key="3"
                      label="销售"
                      value="3">
                    </el-option>
                    <el-option
                      key="4"
                      label="工艺员"
                      value="4">
                    </el-option>
                  </el-select>
                </template>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="22">
            <el-col :span="11">
              <el-form-item label="描述">
                <el-input v-model="DetailForm.remarks"  size="small" disabled="disabled"></el-input>
              </el-form-item>
            </el-col>
          </el-row>

          <el-row :gutter="22">
            <el-col :span="11">
              <el-form-item label="客户id" disabled="disabled">
                <template>
                  <el-select v-model="DetailForm.customerId" placeholder="请选择">
                  </el-select>
                </template>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
      </el-card>
 </div>
</template>

<script>
    export default {
      name: "LinkManDetail",
      data() {
        return {
          id:"",
          DetailForm: {}
        }
      },
      methods: {
        toList:function(){
          this.$router.push('/linkmanList');
        },
        searchData:function (id) {
          debugger;
          this.$http.post("/linkman/LookDetail/"+id).then((res) => {
            this.DetailForm = res.data.result;
          })
        },
      },
      mounted() {
        var id = this.$route.query.id;
        this.searchData(id);
      }
    }

</script>

<style scoped>

</style>
